<template>
  <div>
        <!--表格数据-->
        <el-table
            :data="page.list"
            border
            :row-style="iRowStyle"
            :cell-style="iCellStyle"
            :header-row-style="iHeaderRowStyle"
            :header-cell-style="iHeaderCellStyle"
            class="tableStyle"
            style="width: 100%">
                <template v-for="(item,index) in columns">
                <el-table-column
                :prop="item.property"
                :label="item.lable"
                :width="item.width"
                :fixed="item.fixed"
                :key="index">
                </el-table-column>
            </template>
            
            
            <el-table-column
            fixed="right"
            label="操作"
            width="150">
            <template slot-scope="scope">
                <el-button @click="freeze(scope.row)" type="text" size="small">冻结</el-button>
                <el-button @click="restePass(scope.row)" type="text" size="small">重置密码</el-button>
            </template>
            </el-table-column>
        </el-table>
        <!--分页组件-->
        <div style="padding:20px;">
            <el-pagination
            align="right"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="query.pageNo"
            :page-sizes="pageSizes"
            :page-size="page.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="page.count">
            </el-pagination>
        </div>
    </div>
</template>

<script>
export default {
    components: {},
    data() {
       return {};
    },
    methods: {

    },
    created() {

    }
};
</script>

<style scoped>

</style>